<template>
	<view class="content">
		<view class="itemAll f30">
			<view class="item f-c-b">
				<view>积分总数</view>
				<view style="font-size: 50rpx;">{{vuex_user.score}}</view>
			</view>
			<view class="item f-c-b" @click="$to(`../integral_details/integral_details`)">
				<view>积分明细</view>
				<view>
					<u-icon name='arrow-right'></u-icon>
				</view>
			</view>
			<view class="item f-c-b" @click="$to(`../integral_mall/integral_mall`)">
				<view>积分商城</view>
				<view>
					<u-icon name='arrow-right'></u-icon>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.content {
		background-color: #F4F4F4;
		height: 100vh;
		padding: 20rpx 30rpx;
	}


	.item {
		background-color: #FFFFFF;
		margin-bottom: 2rpx;
		padding: 20rpx 30rpx;
	}

	.item:nth-child(1) {
		background-color: #FF8710;
		color: #FFFFFF;
		border-radius: 20rpx 20rpx 0 0;
	}
	.item:nth-child(3){
		border-radius:  0 0 20rpx 20rpx;
	}
</style>
